<template>
  <div class="customer-home">
    <el-page-header
        content="欢迎来到管理员中心"
        class="home-header"
    />
    <el-card shadow="hover" class="home-card">
      <p>这是您的客户首页。您可以通过上方或侧边栏的菜单访问购物车、订单或个人资料。</p>
      <el-button type="primary" @click="$router.push({ name: 'Cart' })">
        查看购物车
      </el-button>
      <el-button @click="$router.push({ name: 'Orders' })" style="margin-left: 8px;">
        查看订单
      </el-button>
    </el-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'AdminHome',
});
</script>

<style scoped>
.home-header {
  margin-bottom: 20px;
}
.home-card {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}
</style>
